<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/newpay.css">
</head>

<body>
    <header>
        <div class="header_top">
            <div class="header_top_left">
                <a href="#">
                    <i class="iconfont">&#xe62f;</i>
                    <span>账单</span>
                </a>
            </div>
            <div class="header_top_right">
                <a href="#" class="iconfont">&#xe68e;</a>
                <a href="#" class="iconfont">&#xe686;</a>
                <a href="#" class="iconfont">&#xe622;</a>
            </div>
        </div>

        <div class="header_bottom">
            <a href="#">
                <i class="iconfont">&#xe631;</i>
                <span>扫一扫</span>
            </a>
            <a href="#">
                <i class="iconfont">&#xe60f;</i>
                <span>付款</span>
            </a>
            <a href="#">
                <i class="iconfont">&#xe67f;</i>
                <span>卡券</span>
                <em>新</em>
            </a>
            <a href="#" class="chui">
                <div></div>
                <span>锤一锤</span>
            </a>
        </div>
    </header>

    <section>
        <div>
            <a href="#">
                <i class="iconfont">&#xe625;</i>
                <span>机票火车票</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: green;">&#xe610;</i>
                <span>服务窗</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: red;">&#xe757;</i>
                <span>天猫超市</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont">&#xe626;</i>
                <span>记账本</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: tomato;">&#xe621;</i>
                <span>股票</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: tomato;">&#xe837;</i>
                <span>我的快递</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: tomato;">&#xeb89;</i>
                <span>我的客服</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont">&#xe62a;</i>
                <span>城市服务</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: tomato;">&#xe62d;</i>
                <span>亲情圈</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: red;">&#xf0025;</i>
                <span>淘宝</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: green;">&#xe7a2;</i>
                <span>加油服务</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: orange;">&#xe614;</i>
                <span>收款</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: tomato;">&#xe60e;</i>
                <span>爱心捐赠</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont">&#xe60c;</i>
                <span>我的理财</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont">&#xe60a;</i>
                <span>阿里旅游</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont">&#x3439;</i>
                <span>世界那么大</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont">&#xe624;</i>
                <span>汇率换算</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont" style="color: #ccc;">&#xf0013;</i>
            </a>
        </div>
        <div>
            <a href="#">
            </a>
        </div>
        <div>
            <a href="#">
            </a>
        </div>
        <div>
            <a href="#">
            </a>
        </div>
        <div>
            <a href="#">
            </a>
        </div>
        <div>
            <a href="#">
            </a>
        </div>
        <div>
            <a href="#">
            </a>
        </div>
        <div>
            <a href="#">
            </a>
        </div>
        <div>
            <a href="#">
            </a>
        </div>
        <div>
            <a href="#">
            </a>
        </div>
        <div>
            <a href="#">
            </a>
        </div>
    </section>

    <footer>
        <div>
            <a href="#">
                <i class="iconfont mouse">&#xe600;</i>
                <span class="mouse">支付宝</span>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont">&#x35ee;</i>
                <span>口碑</span>
                <em></em>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont">&#xe61c;</i>
                <span>朋友</span>
                <em>2</em>
            </a>
        </div>
        <div>
            <a href="#">
                <i class="iconfont">&#xe609;</i>
                <span>我的</span>
            </a>
        </div>
    </footer>
</body>

</html>